@import "susy";

$susy: (
	columns: 12,
	gutters: .05,
	math: fluid,
	global-box-sizing: border-box
);

$breakpoint-mobile: 0; // Default
$breakpoint-tablet: 790px;
$breakpoint-desktop: 1175px;

@include border-box-sizing;

// Basic resolution
.page {
	// padding: 0 4rem;
	// @include container( 1300px );
	@include container;
}

.page-content, .list-group-item {
	padding: $sp-s $sp !important;
}
.col-lg-2, .col-lg-10 {
	padding: 0 !important;
	float: left !important;
}

.content {
	@media ( min-width: $breakpoint-tablet ) {
		@include span( 12 last );
	}
}

.kanji-card {
	margin-bottom: gutter( 2 );
}

// Medium resolution
@media ( min-width: $breakpoint-tablet ) {
	.multiple .kanji-card {
		@include gallery( 1 of 2 );
	}
	.col-fifty {
		@include gallery( 1 of 2 );
	}
}

// Large resolution
@media ( min-width: $breakpoint-desktop ) {
	.multiple .kanji-card {
		& {
			// @include span( 4 );
			@include gallery( 1 of 3 );
		}
		// &:last-child {
		// 	@include last;
		// }
	}
}